<template>
  <div class="sortheader-container">
    <ul>
      <li class="actived">综合</li>
      <li>新品</li>
      <li>价格</li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style lang='less' scoped>
.sortheader-container {
  width: 100%;
  height: 80px;
  border-bottom: 1px solid rgb(229, 229, 229);
  ul {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 20px;
    li {
      width: 50px;
      cursor: pointer;
    }
    li.actived {
      color: orangered;
    }
  }
}
</style>